<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>人民公摄-教程</title>
<link href="css/index.css" type="text/css" rel="stylesheet">
<link href="css/course.css" type="text/css" rel="stylesheet">
</head>

<body>
<style>
   @font-face {font-family: 'iconfont';
    src: url('font/iconfont.eot'); /* IE9*/
    src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('font/iconfont.woff') format('woff'), /* chrome、firefox */
    url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('font/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */}
.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}
.icon1{font-size:20px;color:#06C;padding:0 10px;}	
</style>
</head>

<body>
<a id="topnn"></a>
<div class="top">
   <div class="topBar commWidth clearfix">
       <ul>
          <li><a href="#">登录</a></li>
          <li><a href="#">立即注册</a></li>
          <li><a href="#" class="iconfont icon1">&#xe62d;</a><a href="" class="iconfont icon1">&#xe636;</a><a href="" class="iconfont icon1">&#xe619;</a><a href="#" class="iconfont icon1">&#xe670;</a></li>
       </ul>
   </div>
</div>
<!--------------以上是顶部的条------------------>
<div class="nav commWidth clearfix">
   <ul class="navLeft fl">
      <li><a href="#">人民公摄</a></li>
   </ul>
   <ul class="navRight fr">
      <li><a href="index.html">首页</a></li>
      <li><a href="Course.html" class="active">教程</a></li>
      <li><a href="Preset.html">预设</a></li>
      <li><a href="load.html">下载</a></li>
      <li><a href="bbs.html">论坛</a></li>
   </ul>
</div> 
<div class="tutorial commWidth">
       <div class="title">
           <h1><a href="#">教程</a></h1>
           <p>提供高质量LIGHTROOM、PHOTOSHOP教程，免费摄影后期处理教程。</p> 
       </div>
       <div class="tutorialCon">
               <ul class="clearfix">
                  <li><a href=""><img src="images/bd39cc2c861a9daf7d4f45d8ce993a9e.jpg"></a>
                      <h4><a href="#">零基础拍摄完美创意悬浮照！</a></h4>
                  </li>
                  <li><a href=""><img src="images/225208412949c69e588bdb1b71b161d8.jpg"></a>
                      <h4><a href="#">PS合成八块腹肌视频教程</a></h4>
                  </li>
                  <li class="last"><a href=""><img src="images/7f40a0d9dca030f05dadbda7c652f6d5.jpg"></a>
                      <h4><a href="#">免费Lightroom中文视频教程</a></h4>
                  </li>
               </ul>
               <div class="hr-20"></div>
               <ul class="clearfix">
                  <li><a href=""><img src="images/gril_03.jpg"></a>
                      <h4><a href="#">PS打造图片素描效果视频教程</a></h4>
                  </li>
                  <li><a href=""><img src="images/dffb09abd9ea92f015f507bb5b02cc1f.jpg"></a>
                      <h4><a href="#">莱昂纳多海报PS视频教程，致敬小</a></h4>
                  </li>
                  <li class="last"><a href=""><img src="images/2c55d297d9b226fd3abf54bc9254d7e5.jpg"></a>
                      <h4><a href="#">Photoshop创意旅行手持明信片教</a></h4>
                  </li>
               </ul>
               <div class="hr-20"></div>
               <ul class="clearfix">
                  <li><a href=""><img src="images/005203l2k301n6gd7m1d6g.jpg.thumb.jpg"></a>
                      <h4><a href="#">PS打造图片素描效果视频教程</a></h4>
                  </li>
                  <li><a href=""><img src="images/152840b22b0bv2v1bw2fea.jpg.thumb.jpg"></a>
                      <h4><a href="#">莱昂纳多海报PS视频教程，致敬小李</a></h4>
                  </li>
                  <li class="last"><a href=""><img src="images/160649xhs2vlp5zhmzgu3x.jpg.thumb.jpg"></a>
                      <h4><a href="#">小殷Lightroom中文视频教程_人像,调</a></h4>
                  </li>
               </ul>
       </div>
</div>
<!---------------以上是教程主要内容-------------------------->
<div class="munber commWidth">
<a href="#" class="active">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">5</a><a href="#">6</a><a href="#">7</a>
<a href="#">下一页</a>
</div>
<!--------------以上为nav------------------->

<div class="hr-20"></div>
<div class="footer">
   <div class="footerTop clearfix commWidth">
      <div class="topLeft fl">
           <dl>
              <dt><h4><a href="#">人民攻摄</a></h4></dt>
              <dd>
                 <p><a href="#">关于我们</a></p>
                 <p><a href="#">联系我们</a></p>
                 <p><a href="#">打赏我们</a></p>
                 <p><a href="#">摄影培训</a></p>
              </dd>
           </dl>
           <dl>
              <dt><h4><a href="#">摄影教程</a></h4></dt>
              <dd>
                 <p><a href="#">Photoshop</a></p>
                 <p><a href="#">Lightroom</a></p>
                 <p><a href="#">人像摄影</a></p>
                 <p><a href="#">摄影秘籍</a></p>
              </dd>
           </dl>
           <dl>
              <dt><h4><a href="#">摄影图库</a></h4></dt>
              <dd>
                 <p><a href="#">情绪人像</a></p>
                 <p><a href="#">时尚摄影</a></p>
                 <p><a href="#">风光摄影</a></p>
                 <p><a href="#">街头摄影</a></p>
              </dd>
           </dl>
   </div>
   <div class="topRight fl">
        <p><a href="#">微博：@人民攻摄</a></p>
        <p><a href="#">公众号：人民攻摄</a></p>
        <p><a href="#">QQ：540996037</a></p>
   </div>
   </div>
   <div class="bottom"><p>&copy;2016 人民攻摄，新生代独立摄影师成长公社。</p></div>
</div>
<!----------------footer部分--------------------------->
<ul class="fixMenu">
   <li class="fixMenuShow"><a href="#"><img src="images/side_icon01.png"></a> 
       <div class="fixMenuHidden clearfix">
          <img src="images/side_icon01.png" class="fl"><span class="fl">人民公摄</span>
       </div>   
   </li>
   <li class="fixMenuShow"><a href="#"><img src="images/side_icon02.png"></a>
       <div class="fixMenuHidden clearfix">
          <img src="images/side_icon02.png" class="fl"><span class="fl">公社公摄</span>
       </div>
   </li>
   <li class="fixMenuShow"><a href="#"><img src="images/side_icon03.png"></a>
       <div class="fixMenuHidden clearfix">
          <img src="images/side_icon03.png" class="fl"><span class="fl">公社公摄</span>
       </div>
   </li>
   <li class="fixMenuShow"><a href="#" id="#topnn"><img src="images/side_icon05.png"></a>
       <div class="fixMenuHidden clearfix">
          <img src="images/side_icon05.png" class="fl"><span class="fl">公社公摄</span>
       </div>
   </li>
</ul>
</body>
</html>
